
			<section class="page-header page-header-xs">
				<div class="container">

					<h1>产品展示</h1>

					<!-- breadcrumbs -->
					<ol class="breadcrumb">
						<li><a href="__MODULE__/Index">首页</a></li>
						<li class="active">产品展示</li>
					</ol><!-- /breadcrumbs -->

					<!-- page tabs -->
					<ul class="page-header-tabs list-inline mix-filter">
						<li data-filter="all" class="filter active"><a href="#">所有产品</a></li>
                        <volist name="pro_cate" id="cate">
						<li data-filter="{$cate.id}" class="filter"><a href="#">{$cate.name}</a></li>
                        </volist>
					</ul><!-- /page tabs -->

				</div>
			</section>
			<!-- /PAGE HEADER -->




			<!-- -->
			<section>
				<div class="container">

				<!-- Portfolio Items -->
				<div id="portfolio" class="portfolio-nogutter">

					<div class="row mix-grid">
                    
                    <volist name="product" id="vo">

						<div class="col-md-3 col-sm-3 mix {$vo.category}"><!-- item -->

							<div class="item-box">
								<figure>
									<span class="item-hover">
										<span class="overlay dark-5"></span>
										<span class="inner">

											<!-- lightbox -->
											<a class="ico-rounded lightbox" href="__PUBLIC__/{$vo.photo}" data-plugin-options='{"type":"image"}'>
												<span class="fa fa-plus size-20"></span>
											</a>

											<!-- details -->
											<a class="ico-rounded" href="__MODULE__/Product/view/id/{$vo.id}">
												<span class="glyphicon glyphicon-option-horizontal size-20"></span>
											</a>

										</span>
									</span>

									<!-- carousel -->
									<div class="owl-carousel buttons-autohide controlls-over nomargin" data-plugin-options='{"singleItem": true, "autoPlay": 4000, "navigation": false, "pagination": true, "transitionStyle":"goDown"}'>
										<div>
                                        <if condition="empty($vo['photo'])">
                                        <img class="img-responsive" src="__PUBLIC__/img/nopic.jpg" width="600" height="399" >
                                        <else />                                      
										<img class="img-responsive" src="__PUBLIC__/{$vo.photo}" width="600" height="399" alt="{$vo.title}">
                                         </if>
										</div>
										<div>
                                        <if condition="empty($vo['photo'])">
                                        <img class="img-responsive" src="__PUBLIC__/img/nopic.jpg" width="600" height="399" >
                                        <else />                                      
										<img class="img-responsive" src="__PUBLIC__/{$vo.photo}" width="600" height="399" alt="{$vo.title}">
                                         </if>
										</div>
									</div>
									<!-- /carousel -->

								</figure>

								<div class="item-box-desc">
                                <a href="__MODULE__/Product/view/id/{$vo.id}">
									<h3>{$vo.title}</h3>
                                </a>    
										<ul class="list-inline categories nomargin">
											<li><a href="#">包装规格</a></li>
										<li><a href="#"><if condition="!empty($vo['model'])">{$vo.model}<else />资讯森丰</if></a></li>
										</ul>
								</div>

							</div>

						</div><!-- /item -->
                        </volist>


						


					</div>


				</div>
				<!-- /Portfolio Items -->


				</div>
			</section>
			<!-- / -->


			<section class="page-header page-header-xs">
				<div class="container text-center">
                    {$page}
				</div>
			</section>
			<!-- /PAGE HEADER -->

